/* 移除所有元素的margin和padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* 让元素的宽度和高度包括内边距和边框 */
}

/* 移除列表的默认样式 */
ul,
ol {
    list-style: none;
}

/* 移除a标签的下划线 */
a {
    text-decoration: none;
    color: inherit;
    /* 继承父元素的文字颜色 */
}

/* 移除表格的边框间距 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 移除表格边框 */
th,
td {
    border: none;
    padding: 8px;
    /* 添加一些内边距以便更好地查看内容 */
    text-align: left;
    /* 文本左对齐 */
}

/* 移除img标签的默认边框 */
img {
    border: 0;
    max-width: 100%;
    /* 让图片适应容器宽度 */
    height: auto;
    /* 保持图片的原始宽高比 */
}

/* 移除h1到h6标签的默认外边距 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
    /* 移除加粗效果 */
}

/* 移除input和textarea的默认样式 */
input,
textarea {
    border: 1px solid #ccc;
    /* 添加简单的边框 */
    padding: 8px;
    /* 添加内边距 */
    box-sizing: border-box;
    /* 保持总宽度不变 */
}

/* 移除button的默认样式 */
button {
    background-color: transparent;
    /* 移除背景色 */
    border: none;
    /* 移除边框 */
    padding: 0;
    /* 移除内边距 */
    cursor: pointer;
    /* 鼠标悬停时显示指针 */
    outline: none;
    /* 移除焦点时的轮廓 */
}

/* 添加左浮动和右浮动样式 */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* 清除浮动样式 - 应用于浮动元素的父元素 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 你可以根据需要添加更多的重置样式 */